<!DOCTYPE html>

<html lang="en" class="no-js">

	<head>
		<meta charset="UTF-8" />

		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 

		<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

		<title>博客--天空之城</title>

		<meta name="description" content="Blueprint: Split Layout" />

		<meta name="keywords" content="website template, layout, css3, transition, effect, split, dual, two sides, portfolio" />

		<meta name="author" content="Codrops" />

		<link rel="shortcut icon" href="../favicon.ico">
		<link rel="stylesheet" type="text/css" href="{{ asset('muban/css/demo.css') }}" />
		<link rel="stylesheet" type="text/css" href="{{ asset('muban/css/right.css') }}" />

		<link rel="stylesheet" type="text/css" href="{{ asset('muban/css/component.css') }}" />
		<link rel="stylesheet" type="text/css" href="{{ asset('muban/layui/css/layui.css') }}" />

		<script src="{{ asset('muban/layui/layui.js') }}"></script>
		<script src="{{ asset('muban/js/modernizr.custom.js') }}"></script>
		<script src="{{ asset('muban/jquery-3.2.1.min.js') }}"></script>

		<script type="text/javascript" src="{{ asset('muban/lovejs/digit.js') }}"></script>
		<script type="text/javascript" src="{{ asset('muban/lovejs/app.js') }}"></script>
		<script type="text/javascript" src="{{ asset('muban/js/x-layui.js') }}"></script>




	</head>

	<body>

		<div class="container">

			<div id="splitlayout" class="splitlayout">

				<div class="intro">

					<div class="side side-left">

						<header class="codropsheader clearfix">

							<span>Blueprint <span class="bp-icon bp-icon-about" data-content="The Blueprints are a collection of basic and minimal website concepts, components, plugins and layouts with minimal style for easy adaption and usage, or simply for inspiration."></span></span>

							<h1>Split Layout</h1>

							

							<div class="demos">

								<a class="current" href="index.html">Effect 1</a>

								<a href="index2.html">Effect 2</a>

							</div>

						</header>

						<div class="intro-content">

							<div class="profile"><img src="{{ asset('muban/img/profile1.jpg') }}" alt="profile1"></div>

							<h1><span>Toby Blue </span><span>Web Designer</span></h1>

						</div>

						<div class="overlay"></div>

					</div>

					<div class="side side-right">

						<div class="intro-content">

							<div class="profile"><img src="{{ asset('muban/img/profile2.jpg') }}" alt="profile2"></div>

							<h1><span>Amy White </span><span>Web Developer</span></h1>

						</div>

						<div class="overlay"></div>

					</div>

				</div><!-- /intro -->

				<div class="page page-right">

					<div class="page-inner">
						<div class="mymenu">
							<img src="{{ asset('muban/img/tkzc.png') }}" height="40px">
							<button class="layui-btn layui-btn-primary layui-btn-mini" id="ziliao" onclick="admin_edit('添加用户','/adminedit/10','800','600')"><i class="layui-icon">&#xe642;</i>个人资料</button>
						</div>
						<div class="mycenter">
							<canvas id='canvas' style='width:500px;'></canvas>
							{{--我的专栏--}}
							<div class="myinfo">
								<div class="mytouxiang"></div>
								<div class="mybiaoqian">
									<a class="layui-btn layui-btn-primary layui-btn-small"><i class="layui-icon">&#xe654;</i>文章</a>
									<a class="layui-btn layui-btn-normal layui-btn-small"><i class="layui-icon">&#xe654;</i>笔记</a>
								</div>
							</div>
						</div>
						<div class="note">
							<div class="content-div">
								<div class="tupian"></div>
								<div class="neirong">
									<a href="">这是标题这是标题这是标题</a>
									<p>这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容</p>
									<div>2017-7-5 16.01</div>
								</div>
							</div>
							<div class="content-div">
								<div class="tupian"></div>
								<div class="neirong">
									<a href="">这是标题这是标题这是标题</a>
									<p>这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容</p>
									<div>2017-7-5 16.01</div>
								</div>
							</div>
							<div class="content-div">
								<div class="tupian"></div>
								<div class="neirong">
									<a href="">这是标题这是标题这是标题</a>
									<p>这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容</p>
									<div>2017-7-5 16.01</div>
								</div>
							</div>
							<div class="content-div">
								<div class="tupian"></div>
								<div class="neirong">
									<a href="">这是标题这是标题这是标题</a>
									<p>这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容</p>
									<div>2017-7-5 16.01</div>
								</div>
							</div>
							<div class="content-div">
								<div class="tupian"></div>
								<div class="neirong">
									<a href="">这是标题这是标题这是标题</a>
									<p>这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容</p>
									<div>2017-7-5 16.01</div>
								</div>
							</div>
							<div class="content-div">
								<div class="tupian"></div>
								<div class="neirong">
									<a href="">这是标题这是标题这是标题</a>
									<p>这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容</p>
									<div>2017-7-5 16.01</div>
								</div>
							</div>
						</div>


					</div><!-- /page-inner -->

				</div><!-- /page-right -->

				<div class="page page-left">

					<div class="page-inner">




					</div><!-- /page-inner -->

				</div><!-- /page-left -->

				<a href="#" class="back back-right" title="back to intro">&rarr;</a>

				<a href="#" class="back back-left" title="back to intro">&larr;</a>

			</div><!-- /splitlayout -->

		</div><!-- /container -->

		<script src="{{ asset('muban/js/classie.js') }}"></script>

		<script src="{{ asset('muban/js/cbpSplitLayout.js') }}"></script>

	</body>

</html>
<script>
	layui.use(['layer'],function(){
	    $ = layui.jquery;
        layer = layui.layer;//弹出层
	});
	/*添加*/
    function admin_edit(title,url,w,h){
        x_admin_show(title,url,w,h);
    }
</script>

